<div class="panel fix right v-max hasMenu" id="OC" tpl="ui">
	<div class="title">{{if process_name}}{{:process_name}} - {{/if}}{{if project}}{{:project.name}}{{/if}}
		<div class="menu right sub">{{:lang.MENU}}
			<ul class="main">
				<li class="hr">{{:lang.User}} : {{:user.name}}
				</li>
				<li class="sub">{{:lang.New}}
					<ul>
						<li id="test-script">{{:lang.Test_Script}}</li>
						<li>{{:lang.Test_Task}}</li>
						<li>{{:lang.Monitor_Project}}</li>
						<li>{{:lang.API_Test}}</li>
					</ul>
				</li>
				<li>{{:lang.New_Test}}</li>
				<li class="sub">{{:lang.Open}}
					<ul>
						<li>{{:lang.Current_Report}}</li>
						<li class="hr">{{:lang.Local_Storage}}</li>
						<li class="sub">{{:lang.Resources_on_Cloud}}
							<ul>
								<li>{{:lang.Test_Script}}</li>
								<li>{{:lang.Test_Task}}</li>
							</ul>
						</li>
					</ul>
				</li>
				<li>{{:lang.Save_to_Local}}</li>
				<li class="hr">{{:lang.Sysn_to_Cloud}}</li>
				<li class="sub">{{:lang.Languages}}
					<ul>
						<li id="zh_CN" class="lang">{{:lang.Sim_Chinese}}</li>
						<li id="en_US" class="lang">{{:lang.English}}</li>
					</ul>
				</li>
				<li id="config">{{:lang.configure}}</li>
				<li>{{:lang.Help}}</li>
				<li class="hr">{{:lang.About}}</li>
				<li>{{:lang.Exit}}</li>
			</ul>
		</div>
	</div>

	<div class="grid-container">
		<div class="grid grid-flexible align-bottom" id="location">
			<div class="col h-max">
				<input type="text" placeholder="" id="iframe-location" class="left" readonly style="width:375px;margin-right: 0" />
			</div>
			<div class="col col-minimal">
				<a class="button primary ico edit" id="modity" title="{{:lang.modity}}"></a>
				<a class="button primary ico goto" id="goto" title="{{:lang.goto}}" style="display:none"></a>
			</div>
			<div class="col col-minimal">
				<a class="button success ico refresh" id="refresh" title="{{:lang.refresh}}"></a>
			</div>
		</div>
	</div>
	<hr>

	<div id="toolbar" class="row">
		<ul class="toolbar left">
			<li class="button primary ico new" id="new" title="{{:lang.new}}"></li>
			<li class="button primary ico open" id="open" title="{{:lang.Open}}"></li>
			<li class="button primary ico save" id="save" title="{{:lang.save}}"></li>
			<li class="button primary ico add" id="step" title="{{:lang.add}}"></li>
			<li class="button primary ico json" id="edit" title="{{:lang.edit}}"></li>
			<li class="hr"></li>
			<li class="button secondary ico dictionary" id="dictionary" title="新建字典"></li>
			<li class="button secondary ico check" id="check" title="{{:lang.check}}"></li>
			<li class="button secondary ico highlight-text" id="hightlight" title="{{:lang.highlight}}"></li>
		</ul>
		<ul class="toolbar right">
			<li class="button alert ico trash" id="trash" title="{{:lang.trash}}"></li>
		</ul>
	</div>
	<hr>

	<div id="view" class="row">
		{{if program}}
		<table>
			<thead>
				<tr>
					<th style="width:2.5em;">#</th>
					<th>{{:lang.Comment}}</th>
					<th style="width:36px">{{:lang.operation}}</th>
				</tr>
			</thead>

			<tbody>
				{{if program}} {{for program}}
				<tr data-sid="{{:#index}}">
					<td>{{:#index+1}}</td>
					<td><a href="#">{{:step_name}}</a>
					</td>
					<td>
						<span class="ico-s-delete delete"></span><span class="ico-s-up up"></span><span class="ico-s-down down"></span>
					</td>
				</tr>
				{{/for}} {{/if}}
			</tbody>
		</table>
		{{else}}
		<div>
			德玛西亚 新建一个过程吧
		</div>
		{{/if}}
	</div>
	<div class="dock bottom h-max">
		<hr>
		<div class="row">
			<ul class="toolbar left">
				<li class="button secondary ico play" id="play" title="{{:lang.play}}"></li>
				<li class="button secondary ico pause" id="pause" title="{{:lang.pause}}" style="display:none"></li>
				<li class="button secondary ico stop" id="stop" title="{{:lang.stop}}"></li>
				<li class="button success ico step-by" id="stepby" title="{{:lang.stepby}}"></li>
			</ul>
		</div>
		<hr>

		<div class="status row">( X:30, Y:60 )</div>
	</div>
	<!-- /div.bar.dock.bottom.h-max -->
	<span class="handle dock left center"></span>
	<ul id="edit-menu" class="context menu">
		<li id="insert-up">{{:lang.insert_up}}</li>
		<li id="insert-down">{{:lang.insert_down}}</li>
	</ul>
</div>